<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath(); 
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="<%=cp%>/data/css/jquery-ui-1.9.1.custom.css" type="text/css" />
<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<%=cp%>/data/js/jquery-ui-1.9.1.custom.min.js"></script>

<script type="text/javascript">
	$(function(){
		$("#dialog").hide();
		
		$("#btn1").click(function(){
			$("#dialog").dialog();
		});
		
		$("#btn2").click(function(){
			$("#dialog").dialog({
				height:240,
				width:300,
				modal:true
			});
		});
		
		$("#btn3").click(function(){
			$("<div>").dialog({
				modal:true,
				open:function(){
					$(this).load("ex.jsp");
				},
				height:400,
				width:400,
				title:"외부파일 창 띄우기"
			});
		});
	});
</script>

</head>
<body style="font-size: 9pt;">
<div id="dialog" title="우편번호 검색">
	<p>동을 입력하세요</p>
	<p><input type="text"/></p>
</div>

<div>
	<input type="button" value="모달리스" id="btn1"/><br/>
	<input type="button" value="모달" id="btn2"/><br/>
	<input type="button" value="창띄우기" id="btn3"/><br/>
</div>

</body>
</html>